<template>
  <div>
    <Header :config="config"></Header>
    <Navigation :config="config"></Navigation>
    <div v-if="paramsId == 'qywzjs.html'">
      <div class="banner">
        <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221104/7427250381894ddd8546c3d111ee9078.jpg" alt style="width: 100%;">
      </div>
      <div class="khal-crumb qywzjs-crumb">
        <div class="kc-center">
          <div class="kcc-list">
            <a :href="config.domain" class="kccl-a">返回首页</a>
            <a :href="`${config.domain}/wzjs/`" class="kccl-a">网站建设</a>
            <a href="javascript:void(0);" class="kccl-a noafter">企业网站建设</a>
          </div>
        </div>
      </div>
      <div class="qywzjs-build">
        <div class="qb-center">
          <div class="qbc-title">企业网站建设</div>
          <div class="qbc-desc">我们将为您建立满意的网站！</div>
          <ul class="qbc-ul">
            <li class="qbcu-li">
              <div class="cover">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/33e124c51470420b8630f698e24363f0.jpg" alt>
              </div>
              <div class="title">企业品牌官网</div>
              <div class="desc">体现品牌形象必备<br>为品牌实现排名曝光打下基础</div>
            </li>
            <li class="qbcu-li">
              <div class="cover">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/606626c506b54f7481ac93a6637dcc59.jpg" alt>
              </div>
              <div class="title">一对一沟通设计</div>
              <div class="desc">专属人员与您对接沟通设计<br>后期会有专属人员与您对接</div>
            </li>
            <li class="qbcu-li">
              <div class="cover">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/f6e7eed704a94a738e3d826ee9091132.jpg" alt>
              </div>
              <div class="title">域名配赠服务</div>
              <div class="desc">任选一个可注册的com或cn域名<br>每一年配送 一个自定义域名</div>
            </li>
            <li class="qbcu-li">
              <div class="cover">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/afd11ae703344b4da0e63348e9ca32fe.jpg" alt>
              </div>
              <div class="title">服务器配赠服务</div>
              <div class="desc">网站将存放在安全的服务器中<br>省心、高效、您无需自备服务器</div>
            </li>
            <li class="qbcu-li">
              <div class="cover">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/db6bf7c3cdfb47688fad5a77e9fe81b2.jpg" alt>
              </div>
              <div class="title">域名免费备案</div>
              <div class="desc">个人与企业域名皆可备案<br>免费对网站进行ICP备案</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="qywzjs-advantage">
        <div class="qa-center">
          <div class="qac-title">纺扬建站技术优势</div>
          <div class="qac-desc">
            <span class="before">企业网站与商城网站</span>
            <span class="after">企业推荐热销高级版-HTML静态网站</span>
          </div>
          <div class="qac-box">
            <img class="b-cover" src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/3d9027077ebb4748a26991dad67592f6.jpg" alt>
            <div class="b-item">
              <dl class="bi-dl">
                <dt class="bid-icon"></dt>
                <dd class="bid-text">灵活定制，打造独一无二专属界面</dd>
              </dl>
              <dl class="bi-dl">
                <dt class="bid-icon"></dt>
                <dd class="bid-text">网页优化加速，节省更多流量</dd>
              </dl>
              <dl class="bi-dl">
                <dt class="bid-icon"></dt>
                <dd class="bid-text">PC+移动站点 数据无缝互联</dd>
              </dl>
              <dl class="bi-dl">
                <dt class="bid-icon"></dt>
                <dd class="bid-text">自由系统，具有高扩展性</dd>
              </dl>
              <dl class="bi-dl">
                <dt class="bid-icon"></dt>
                <dd class="bid-text">B/S多层架构，快速开发，安全高效</dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
      <div class="qywzjs-system">
        <div class="qs-center">
          <div class="qsc-title">纺扬建站服务体系</div>
          <div class="qsc-desc">PC网站、移动网站 、微站三合一</div>
          <ul class="qsc-ul">
            <li class="qscu-li">
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/31e86827ad734cf0bb1bdc33c0bfe550.jpg" alt class="cover">
                <div class="title">专属策划</div>
                <div class="desc">熟练企划，为您量身定制专属方案，结合项目<br>
                  特点，研究模式，为整体网站建设实施提供强<br>
                  有力的基础保障。</div>
                <div class="arrow arrow1"></div>
              </div>
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/00a5b8f036ca407c85bf29639318a439.jpg" alt class="cover">
                <div class="title">系统运维</div>
                <div class="desc">专业的网站开发运维团队，为您提供安全保<br>
                  障，从硬件设备、网络监控、文件备份到安<br>
                  全防护等一系列防护措施，让您享受高枕无<br>
                  忧的安全感。</div>
                <div class="arrow arrow2"></div>
              </div>
            </li>
            <li class="qscu-li">
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/f0bccae4fa1e4e9686464a82714a389b.jpg" alt class="cover">
                <div class="title">网页视觉设计</div>
                <div class="desc">完美的网页设计团队，在审美与营销点之间取<br>
                  得平衡，推出网站建设项目全匹配的行业视觉<br>
                  盛宴。</div>
                <div class="arrow arrow3"></div>
              </div>
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/a015c840e72e4c22a58b425cf70b0c85.jpg" alt class="cover">
                <div class="title">品牌运营</div>
                <div class="desc">全面实效的数据分析，专业的网站制作策划和<br>
                  顾问团队，帮您建立品牌知名度，为您的网站<br>
                  开发成功主力！专业的互联网网站建设营销团<br>
                  队，深度剖析SEO，进行强力有效推广。</div>
                <div class="arrow arrow4"></div>
              </div>
            </li>
            <li class="qscu-li">
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/2ee08c007af44a1cb08b089c76b59753.jpg" alt class="cover">
                <div class="title">技术研发</div>
                <div class="desc">10年累积，成熟技术，多项前言技术，创新网<br>
                  站制作团队，确保互联网及移动领域等全方位<br>
                  完美覆盖。</div>
                <div class="arrow arrow5"></div>
              </div>
              <div class="l-box">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/583f3739e31340aa8f257f2c54713e06.jpg" alt class="cover">
                <div class="title">项目定制</div>
                <div class="desc">为您匹配专业的网站制作团队，根据您的需<br>
                  求，做详细的市场分析，竞品分析，为您打造<br>
                  属于您的完美网页设计。我们不仅做到您想</div>
                <div class="arrow arrow6"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div style="height: 160px;"></div>
    </div>
    <div v-if="paramsId == 'yxxwzzz.html'">
      <div class="banner">
        <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/109e8cf28f534d3295e545ccfb8edbd8.jpg" alt style="width: 100%;">
        <div class="b-title yxxwzzz-b-title">营销型网站</div>
      </div>
      <div class="khal-crumb qywzjs-crumb">
        <div class="kc-center">
          <div class="kcc-list">
            <a :href="config.domain" class="kccl-a">返回首页</a>
            <a :href="`${config.domain}/wzjs/`" class="kccl-a">网站建设</a>
            <a href="javascript:void(0);" class="kccl-a noafter">营销型网站制作</a>
          </div>
        </div>
      </div>
      <div class="yxxwzzz-top">
        <div class="yt-center">
          <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/756748e63dff4e5e8a88e25256accd53.jpg" alt class="ytc-cover">
          <div class="ytc-right">
            <div class="r-desc">网站有人看，没人咨询？推广费花的多浪费的多？</div>
            <div class="r-title">一切问题的根本在于<span class="yellow">网站没有营销力</span></div>
            <div class="r-title-en">The root of all problems is that the website has no marketing power</div>
            <div style="overflow: hidden;">
              <div class="r-notice">网站没有营销力？一切推广白费力！</div>
            </div>
          </div>
        </div>
      </div>
      <div class="yxxwzzz-plan">
        <div class="yp-center">
          <div class="ypc-title">纺扬为您策划具有营销力的好网站</div>
          <div class="ypc-desc">一个好的网站 ，能带来更多的咨询量和成交量</div>
          <ul class="ypc-ul">
            <li class="ypcu-li">
              <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/2b6f780b524d442baf5e3fade5cd99cb.jpg" alt class="cover">
              <div class="title">
                <div class="ch">精准定位</div>
                <div class="en">Precise positioning</div>
                <div class="line"></div>
              </div>
              <div class="desc">帮您网站做定位，梳理思路，清晰展现优<br>势，让您的产品更有竞争力</div>
            </li>
            <li class="ypcu-li">
              <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/6f28560aadd34645a62ad73d05c8fa4c.jpg" alt class="cover">
              <div class="title">
                <div class="ch">视觉设计</div>
                <div class="en">Visual design</div>
                <div class="line"></div>
              </div>
              <div class="desc">量身定制为您设计具有视觉冲击力的好网<br>站，减少访客对网站的跳出率</div>
            </li>
            <li class="ypcu-li">
              <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/1b273189fd8d4f44b5c8884b705060d7.jpg" alt class="cover">
              <div class="title">
                <div class="ch">营销理念</div>
                <div class="en">Marketing conce</div>
                <div class="line"></div>
              </div>
              <div class="desc">用营销的理念去规划网站，让网站处处引诱<br>客户完成转化</div>
            </li>
            <li class="ypcu-li">
              <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/114f1eb584174c8ea6ef1899b0e16e6c.jpg" alt class="cover">
              <div class="title">
                <div class="ch">辅助运营</div>
                <div class="en">Auxiliary operation</div>
                <div class="line"></div>
              </div>
              <div class="desc">免费辅助运营，协助老板检查网站工作情<br>况，制定薪酬架构，提供改善建议</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="yxxwzzz-service">
        <div class="ys-center">
          <div class="ysc-title">全程服务</div>
          <div class="ysc-desc">从前期到后期，我们时刻站在客户角度思考问题，从根本利益出发找寻突破口，并用创新的模式实施这一过程，让您拥有一次独特的用户体验。</div>
          <ul class="ysc-ul">
            <li class="yscu-li li1">
              <div class="l-title">1.项目前期</div>
              <div class="l-content">
                <div class="cover">
                  <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/585e6f0a60544bba88ff78a0c032d77e.jpg" alt="项目前期">
                </div>
                <div class="desc">提出意见、需求分析、项目定制方案<br>签订定制服务合同</div>
              </div>
            </li>
            <li class="yscu-li li2">
              <div class="l-title">2.项目执行</div>
              <div class="l-content">
                <div class="cover">
                  <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/ca0d038d21b44bc691837807fc0ae96c.jpg" alt="项目执行">
                </div>
                <div class="desc">细化需求、确定设计、项目开发<br>测试调整</div>
              </div>
            </li>
            <li class="yscu-li li3">
              <div class="l-title">3.项目验收及维护</div>
              <div class="l-content">
                <div class="cover">
                  <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/52d2af354982480db4832eaec0bb9016.jpg" alt="项目验收及维护">
                </div>
                <div class="desc">试运行部署及培训、项目验收确认析、<br>项目运行支持、项目后期服务</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="yxxwzzz-give">
        <div class="yg-center">
          <div class="ygc-title">一个<span class="red">好的</span>营销型网站可以带给您什么？</div>
          <div class="ygc-desc">WHAT CAN A GOOD MARKETING WEBSITE BRING YOU?</div>
          <div class="ygc-box">
            <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/b7d19bbb098644299531a9e5b169c921.jpg" alt class="b-cover">
            <div class="b-left">
              <div class="bl-title">推广易，流量多</div>
              <div class="bl-desc">上线当月即可让您网站免费排名到百度首页</div>
              <div class="bl-list">
                <p class="text"><i class="red">8</i>项国家专利，自主研发的建站系统</p>
                <p class="text"><i class="red">7</i>大SEO优化系统，锁定搜索引擎让您的网站轻松上百度首页</p>
                <p class="text"><i class="red">6</i>支专业营销策划团队，为您量身定做具备 营销力，行业高转化的好网站</p>
              </div>
            </div>
          </div>
          <div class="ygc-box box2">
            <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/74b51e1582e845b282139ea5d1ae62ec.jpg" alt class="b-cover">
            <div class="b-left">
              <div class="bl-title">见效快，询盘高</div>
              <div class="bl-desc">让您的新网站成交力是老网站的20倍</div>
              <div class="bl-list">
                <p class="text">无策划。不建站，帮您做定位。挖卖点、塑价值，让您的网络营销事半功倍</p>
                <p class="text">快速、成熟的网内优化矩阵模式，让您的网站跳出率降低<i class="red">60%</i></p>
                <p class="text">让一切空洞的口号转化成实际的营销力、传播力、成交力</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div v-if="paramsId == 'xyswzkf.html'">
      <div class="banner">
        <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/1631fa6dd7b74929a8efc07e5659a45a.jpg" alt style="width: 100%;">
        <div class="b-title yxxwzzz-b-title">响应式网站</div>
      </div>
      <div class="khal-crumb qywzjs-crumb">
        <div class="kc-center">
          <div class="kcc-list">
            <a :href="config.domain" class="kccl-a">返回首页</a>
            <a :href="`${config.domain}/wzjs/`" class="kccl-a">网站建设</a>
            <a href="javascript:void(0);" class="kccl-a noafter">响应式网站开发</a>
          </div>
        </div>
      </div>
      <div class="xyswzkf-title">一个网站适应多种多种屏幕尺寸？没错，它就是<span class="yellow">响应式网站</span></div>
      <div class="xyswzkf-desc">让您的网站走在互联网的前端！以最佳的用户体验，让最佳的用户体验，让客户随时随地找到您！所谓响应式网页建设，是指可以自动<br>
        识别屏幕宽度、并做出相应调整的网页设计，简单来说就是同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。<br>
        现在使用移动设备的人越来越多，移动版的Webisite随之也越来越重要；但是移动端设备的大小不一，<br>
        屏幕分辨率各不相同，我们不可能为BlackBerry,iPhone,iPad等等每个都做单独的页面设计。</div>
      <div class="xyswzkf-content">
        <div class="xc-center">
          <div class="xcc-label">
            <div class="xccl-box">
              <div class="cover" style="padding-top: 48px;">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/907ac5260b0c44fbb13599af7e54e1c2.jpg" alt>
              </div>
              <div class="text">宽屏显示器</div>
            </div>
            <div class="xccl-icon"></div>
            <div class="xccl-box">
              <div class="cover" style="padding-top: 50px;">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/6a7a29faeea84c078137b72449fe151e.jpg" alt>
              </div>
              <div class="text">笔记本</div>
            </div>
            <div class="xccl-icon"></div>
            <div class="xccl-box">
              <div class="cover" style="padding-top: 46px;">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/8039ae1dfd5f41528951621a61583c57.jpg" alt>
              </div>
              <div class="text">平板电脑</div>
            </div>
            <div class="xccl-icon"></div>
            <div class="xccl-box">
              <div class="cover" style="padding-top: 48px;">
                <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/45be0068373f434fb418acd452f60052.jpg" alt>
              </div>
              <div class="text">手机</div>
            </div>
          </div>
          <div class="xcc-list">
            <div class="item">
              <div class="i-title">响应式网站建设</div>
              <div class="i-desc">移动互联网的迅猛发展，由于电脑的不便携带性，很多人很多时候开始使用手机或者IPad应急办公，所以响应式网站成了近几年企业建站的一个主流。所谓响应式网站，是指可以自动识别屏幕宽度、并做出相应调整的网页设计。简单来说就是同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。现在使用移动设备的人越来越多，移动版的Webisite随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为BlackBerry,iPhone,iPad等等每个都做单独的页面设计。</div>
            </div>
            <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/61574e172ee54ea8a51912be2e14b169.jpg" alt class="cover">
          </div>
          <div class="xcc-list list2">
            <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221115/4f532b11e499442381d21198eadb7076.jpg" alt class="cover">
            <div class="item">
              <div class="i-title">响应式网站的优势</div>
              <div class="i-desc">
                <p class="id-p"><strong>兼容性高：</strong>传统网站不兼容其他终端设备，跳转至其他设备很容易造成内容缺失，跳转速度慢。而响应式网站不仅能适应各种屏幕尺寸的手机端，也兼容各种</p>
                <p class="id-p"><strong>用户体验佳：</strong>传统建站会把手机端、电脑端网站独立开发，网站用不同的网址，如果用不同设备了解某个官网，需要重复输入不同网站地址，多少有些麻烦。而响应式网站省去了这些麻烦，一个网址可以在任何设备上直接做跳转，不耽误时间，这就给用户增加了好感，间接提高了转化率。</p>
                <p class="id-p"><strong>网站SEO优化更简便：</strong>传统网站因为是独立不同的网址，需要单独分开去做优化，而响应式网站只要稍稍做点变动，移动和电脑端优化都能很顺利进行，同时响应式网站也越来越受搜索引擎的青睐，是未来的发展趋势。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="xyswzkf-flow">
        <div class="xf-center">
          <div class="xfc-title">响应式网站建设-服务流程</div>
          <div class="xfc-desc">用前言的思维制作交互用户体验的高端网站，正是纺扬优势所在。</div>
          <div class="xfc-list">
            <div class="line"></div>
            <ul class="xfcl-ul">
              <li class="xfclu-li">
                <div class="cover icon1"></div>
                <div class="title">需求沟通</div>
                <div class="desc">倾听客户需求，了解用<br>户使用环境和操作流程</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon2"></div>
                <div class="title">项目策划</div>
                <div class="desc">头脑风景交互情景<br>模拟原型设计</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon3"></div>
                <div class="title">交互设计</div>
                <div class="desc">头脑风景交互<br>情景模拟原型设计</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon4"></div>
                <div class="title">视觉创意</div>
                <div class="desc">色彩及平面元素设定<br>结构和布局规范确认</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon5"></div>
                <div class="title">前端制作</div>
                <div class="desc">CSS3、JS、HTML5<br>实现页面的动态展示</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon6"></div>
                <div class="title">技术开发</div>
                <div class="desc">移动应用数据对接与开<br>发</div>
              </li>
              <li class="xfclu-li">
                <div class="cover icon7"></div>
                <div class="title">测试反馈</div>
                <div class="desc">修改调整，规范完善</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="xyswzkf-criteria">
        <div class="xc-bg"></div>
        <div class="xc-center">
          <div class="xcc-info">
            <div class="i-title">HTML5响应式网站建设执行准则</div>
            <ul class="i-ul">
              <li class="iu-li">
                <div class="iul-title">全程规划</div>
                <div class="iul-desc">网站项目设计开发布局特效，全程规划整理构思</div>
              </li>
              <li class="iu-li">
                <div class="iul-title">设计100%</div>
                <div class="iul-desc">网站首页及内页设计风格，无修改次数限制，甲方满意确认</div>
              </li>
              <li class="iu-li">
                <div class="iul-title">多元素支持</div>
                <div class="iul-desc">整个网站设计项目所有素材图，提供特效设计开发等多元素技术支持</div>
              </li>
              <li class="iu-li">
                <div class="iul-title">确认方可</div>
                <div class="iul-desc">整体设计+特效质量+设计品质+资料排版确认满意为止</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div v-if="paramsId == 'wxxcxsj.html'">
      <div class="banner">
        <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/121050376ffa4496a97c54cd34311219.jpg" alt style="width: 100%;">
        <div class="b-title yxxwzzz-b-title">微信小程序设计</div>
      </div>
      <div class="khal-crumb qywzjs-crumb">
        <div class="kc-center">
          <div class="kcc-list">
            <a :href="config.domain" class="kccl-a">返回首页</a>
            <a :href="`${config.domain}/wzjs/`" class="kccl-a">网站建设</a>
            <a href="javascript:void(0);" class="kccl-a noafter">微信小程序设计</a>
          </div>
        </div>
      </div>
      <div class="wxxcxsj-explain">
        <div class="we-center">
          <div class="wec-title">什么是小程序</div>
          <div class="wec-desc">小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。<br>
            也体现了“用完即走”的理念。小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中，通过公众号关联，用户可以<br>
            实现公众号与小程序之间相互跳转。小程序是4年内最大的移动互联网商机，率先上线小程序，抢占流量最大红利，实现营收激增！</div>
          <div class="wec-content">
            <div class="wecc-box">
              <ul class="b-ul">
                <li class="bu-li li1">
                  <div class="cover"></div>
                  <div class="text">发现</div>
                </li>
                <li class="bu-li li2">
                  <div class="cover"></div>
                  <div class="text">服务</div>
                </li>
                <li class="bu-li li3">
                  <div class="cover"></div>
                  <div class="text">搜一搜</div>
                </li>
                <li class="bu-li li4">
                  <div class="cover"></div>
                  <div class="text">扫一扫</div>
                </li>
              </ul>
              <div class="b-find">
                <div class="icon"></div>
                <div class="text">发现</div>
              </div>
            </div>
            <img src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221112/19e18cb846b14b95bc6765dacf94a471.jpg" alt>
          </div>
        </div>
      </div>
      <div class="wxxcxsj-service">
        <div class="ws-center">
          <div class="wsc-title">一站式多平台服务</div>
          <div class="wsc-desc">多平台管理，专业的技术团队，安全稳定的系统、完善的服务体系</div>
          <ul class="wsc-ul">
            <li class="wscu-li">
              <div class="li-title">
                <div class="ch">腾讯产品</div>
                <div class="en">Tencent products</div>
              </div>
              <div class="li-list sign">
                <div class="l-title">微信小程序</div>
                <div class="l-desc">无需下载安装即开即用，超大流量入口<br>
                  共享10亿，微信活跃用户有流量就有顾<br>
                  客</div>
              </div>
              <div class="li-list">
                <div class="l-title">微信公众号</div>
                <div class="l-desc">与微信公众号关联共享用户，宣传营销<br>
                  更便捷</div>
              </div>
              <div class="li-list">
                <div class="l-title">QQ小程序</div>
                <div class="l-desc">年轻用户群体，助力产品获取众多年轻<br>
                  用户</div>
              </div>
            </li>
            <li class="wscu-li">
              <div class="li-title">
                <div class="ch">百度小程序</div>
                <div class="en">Baidu applet</div>
              </div>
              <div class="li-list sign">
                <div class="l-title">开放新生态</div>
                <div class="l-desc">开源联盟，推动互联网从封闭状态重回<br>
                  开放，持续为开发者拓展更多的百度内<br>
                  、外的流量资源。</div>
              </div>
              <div class="li-list">
                <div class="l-title">智能小程序</div>
                <div class="l-desc">通过百度AI开放式赋能，精准链接用户</div>
              </div>
              <div class="li-list">
                <div class="l-title">百度全域流量</div>
                <div class="l-desc">亿级百度流量入口，助力精准高效获取<br>
                  用户</div>
              </div>
            </li>
            <li class="wscu-li">
              <div class="li-title">
                <div class="ch">支付宝小程序</div>
                <div class="en">Alipay applet</div>
              </div>
              <div class="li-list sign">
                <div class="l-title">开放频道</div>
                <div class="l-desc">支付宝首页、会员频道、惠支付 、花呗<br>
                  频道、信用频道、社区生活扥更多的频<br>
                  道逐步开放。</div>
              </div>
              <div class="li-list">
                <div class="l-title">开放流量</div>
                <div class="l-desc">一起分享阿里集团亿级流量入口</div>
              </div>
              <div class="li-list">
                <div class="l-title">开放功能</div>
                <div class="l-desc">打造拉新 留存促活的运营闭环</div>
              </div>
            </li>
            <li class="wscu-li">
              <div class="li-title">
                <div class="ch">APP应用</div>
                <div class="en">App application</div>
              </div>
              <div class="li-list sign">
                <div class="l-title">IOS</div>
                <div class="l-desc">为企业商家提供符合业务发展需要的<br>
                  APP开发解决方案、为需求提供标准化<br>
                  流程服务</div>
              </div>
              <div class="li-list">
                <div class="l-title">ANDROID</div>
                <div class="l-desc">十余年移动互联网开发与行业经验沉淀</div>
              </div>
              <div class="li-list">
                <div class="l-title">WEB APP</div>
                <div class="l-desc">一套代码编译生成ios和Android两套<br>
                  安装包</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="wxxcxsj-flow">
        <div class="wf-center">
          <div class="wfc-title">开发流程</div>
          <ul class="wfc-ul">
            <li class="wfcu-li">
              <div class="cover icon1">
                <i class="num">01</i>
              </div>
              <div class="title">前期沟通</div>
              <div class="desc">专业一对一沟通，了解客户需求</div>
            </li>
            <li class="wfcu-li">
              <div class="cover icon2">
                <i class="num">02</i>
              </div>
              <div class="title">需求评估</div>
              <div class="desc">针对客户需求进行分析评估</div>
            </li>
            <li class="wfcu-li">
              <div class="cover icon3">
                <i class="num">03</i>
              </div>
              <div class="title">体验设计</div>
              <div class="desc">提供最佳用户体验</div>
            </li>
            <li class="wfcu-li">
              <div class="cover icon4">
                <i class="num">04</i>
              </div>
              <div class="title">功能开发</div>
              <div class="desc">专业团队进行功能开发</div>
            </li>
            <li class="wfcu-li">
              <div class="cover icon5">
                <i class="num">05</i>
              </div>
              <div class="title">上线提交</div>
              <div class="desc">提交小程序（审核通过即可上线）</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="wxxcxsj-advantage">
        <div class="wa-center">
          <div class="wac-title">我们的优势</div>
          <ul class="wac-ul">
            <li class="wacu-li">
              <div class="cover bg1">
                <p class="c-text">高性价比</p>
              </div>
              <div class="item">按需选择<br>
                自由组合，灵活拓展</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg2">
                <p class="c-text">功能齐全</p>
              </div>
              <div class="item">常用商城，点餐，票务<br>
                预约等功能，一应俱全</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg3">
                <p class="c-text">简单易用</p>
              </div>
              <div class="item">无需代码，可视化后台<br>
                自由拖拽</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg4">
                <p class="c-text">省钱省心</p>
              </div>
              <div class="item">无需开发和美工<br>
                节省高额维护费用</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg5">
                <p class="c-text">快速上线</p>
              </div>
              <div class="item">一键生成<br>
                5步快速上线</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg6">
                <p class="c-text">海量模板</p>
              </div>
              <div class="item">专业设计，覆盖30+行业<br>
                每周更新</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg7">
                <p class="c-text">专业可靠</p>
              </div>
              <div class="item">深耕互联网十余年<br>
                专业Web App团队打造</div>
            </li>
            <li class="wacu-li">
              <div class="cover bg8">
                <p class="c-text">售后无忧</p>
              </div>
              <div class="item">在线客服<br>
                7*24小时无忧售后</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="wxxcxsj-entrance">
        <div class="we-center">
          <div class="wec-title">小程序流量入口</div>
          <ul class="wec-ul">
            <li class="wecu-li">
              <div class="cover icon1"></div>
              <div class="item">
                <div class="i-title">二维码</div>
                <div class="i-desc">直接扫描二维码进入商家小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon2"></div>
              <div class="item">
                <div class="i-title">微信查找</div>
                <div class="i-desc">关键字模糊搜索，匹配相关小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon3"></div>
              <div class="item">
                <div class="i-title">附近小程序</div>
                <div class="i-desc">展示附近5公里内的微信小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon4"></div>
              <div class="item">
                <div class="i-title">公众号主页</div>
                <div class="i-desc">公众号的资料中显示相关小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon5"></div>
              <div class="item">
                <div class="i-title">浏览过的小程序</div>
                <div class="i-desc">打开过得小程序都会出现在列表</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon6"></div>
              <div class="item">
                <div class="i-title">对话分享</div>
                <div class="i-desc">好友微信聊天消息分享小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon7"></div>
              <div class="item">
                <div class="i-title">朋友圈</div>
                <div class="i-desc">直接分享二维码或店铺活动引流</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon8"></div>
              <div class="item">
                <div class="i-title">消息通知</div>
                <div class="i-desc">通过消息内容直接跳转到小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon9"></div>
              <div class="item">
                <div class="i-title">推送文章</div>
                <div class="i-desc">公众号文章中识别小程序二维码进入</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon10"></div>
              <div class="item">
                <div class="i-title">置顶小程序</div>
                <div class="i-desc">下拉微信首页，显示打开过的小程序</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon11"></div>
              <div class="item">
                <div class="i-title">客服咨询</div>
                <div class="i-desc">客户通过聊天消息进入</div>
              </div>
            </li>
            <li class="wecu-li">
              <div class="cover icon12"></div>
              <div class="item">
                <div class="i-title">更多</div>
                <div class="i-desc">持续更新中.....</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <FooterForm :config="config"></FooterForm>
    <Footer :config="config"></Footer>
  </div>
</template>

<script>
var title = ''
var description = ''
var keywords = ''
export default {
  validate(ctx) {
    return ctx.route.fullPath=='/wzjs/qywzjs.html' || ctx.route.fullPath=='/wzjs/yxxwzzz.html' || ctx.route.fullPath=='/wzjs/xyswzkf.html' || ctx.route.fullPath=='/wzjs/wxxcxsj.html'
  },
  async asyncData(ctx) {
    // 设置导航选中
    ctx.config.navData[1].on = true
    var paramsId = ctx.params.id

    // 企业网站建设
    if (paramsId == 'qywzjs.html') {
      // TDK
      title = '企业网站建设制作公司-网站设计开发-纺扬网站建设'
      description = '网站建设，网站制作，网站开发，seo优化公司哪家好，首选纺扬网站建设（☏:191-0267-1826），我们是专业的小程序建设，网站开发，seo关键词优化，巨量引擎抖音广告代运营公司，致力于为客户创造商业价值，合作共赢。'
      keywords = '网站建设,网站制作,网站开发,网站设计,纺扬网站建设'
    }

    // 营销型网站制作
    if (paramsId == 'yxxwzzz.html') {
      // TDK
      title = '营销型网站建设制作公司-网站设计与开发-纺扬网站建设'
      description = '专业营销型网站建设，推荐纺扬网站建设（☏:191-0267-1826），高端网站定制,10年经验沉淀,1对1项目制,7*24小时快速响应,一条龙建站服务,1000+客户的选择。'
      keywords = '营销型网站建设,营销型网站制作,营销型网站开发,营销型网站设计,纺扬网站建设'
    }

    // 响应式网站开发
    if (paramsId == 'xyswzkf.html') {
      // TDK
      title = '高端网站定制开发-响应式网站设计制作-纺扬网站建设'
      description = '品牌一站式服务,集创意,策划,设计,开发于一身的纺扬网站建设（☏:191-0267-1826）,提供专业网站定制,创意H5/小程序,品牌设计,活动策划.一对一24小时服务,欢迎来电咨询!'
      keywords = '响应式网站建设,响应式网站制作,响应式网站开发,响应式网站设计,纺扬网站建设'
    }

    // 微信小程序设计
    if (paramsId == 'wxxcxsj.html') {
      // TDK
      title = '上海、成都、重庆、北京、深圳、广州微信小程序设计开发-纺扬网站建设'
      description = '微信小程序开发哪家好，首选纺扬网站建设（☏:191-0267-1826），我们是专业的小程序建设，网站开发，seo关键词优化，巨量引擎抖音广告代运营公司，致力于为客户创造商业价值，合作共赢'
      keywords = '上海小程序开发,成都小程序开发,北京小程序开发,深圳小程序开发,广州小程序开发'
    }

    return {
      config: ctx.config,
      paramsId
    }
  },
  head() {
    return {
      title,
      meta: [
        { hid: 'description', name: 'description', content: description },
        { hid: 'keywords', name: 'keywords', content: keywords }
      ]
    }
  }
}
</script>